.form {
  display: flex;
  align-items: flex-end;
  min-width: 320px;

  .formfield {
    flex: 1;
  }

  button {
    margin-bottom: 0.5rem;
    margin-right: -0.5rem;
  }
}

.uri-list {
  margin: 0 0.5rem;
  width: 100%;

  .uri-line {
    display: flex;
    align-items: center;

    .uri {
      font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
      font-size: 14px;
      overflow-x: auto;
    }

    .fill-space {
      flex: 1;
    }

    i.green {
      font-size: 1rem;
      line-height: 35px;
      height: 30px;
    }

    i.red {
      font-size: 1.2rem;
    }

    .icon-button {
      height: 30px;
      line-height: 30px;

      .icon {
        font-size: 1rem !important;
      }

      &:not(:hover) {
        color: var(--grey);
      }
    }
  }
}

.error {
  font-size: 13px;
  color: var(--warn);
  margin: 0 0.5rem 1.5rem 0.5rem;
}
